<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<!--内嵌式-->
<!-- 		<style type="text/css">
			div{
				width: 100px;
				height: 100px;
				background-color: red;
			}
		</style> -->
		
		<link rel="stylesheet" type="text/css" href="css/new_file.css"/>
		
	</head>
	<body>
		<h1>CSS学习路线</h1>
		<ol>
			<li>CSS的三种使用方式</li>
			<li>CSS常用的选择器</li>
			<li>CSS常用的属性</li>
		</ol>
		<hr >
		<h2>CSS的三种使用方式</h2>
		<ol>
			<li>内嵌式</li>
			<li>行内</li>
			<li style="color: red;">外链(推荐)</li>
		</ol>
		<hr >
		<div>我是DIV</div>
		<button>按钮</button>
	</body>
</html>
